<script setup lang='ts'>
    // import ShowCase from "./components/IfShowCase.vue"
// import EventCase from "./components/03_Vue3事件传递参数.vue"
// import BindCase from "./components/04_Vue3的属性绑定.vue"
// import ForCase from "./components/05_Vue3中循环列表.vue"
// import ModelCase from "./components/06_Vue3中的双向绑定.vue"
// import ComputedCase from "./components/07_Vue3中的计算属性.vue"
// import WatchCase from './components/08_Vu3Watch侦听器的用法.vue'
// import LifeCase from './components/09_生命周期的钩子函数.vue'
// import ListV2Case from './components/10_Vue2的生命周期.vue'
// import RefCase from './components/11_通过ref获取dom元素.vue'
// import NBCase from "./components/12_综合案例.vue"
// import { ref } from "vue"
// const showCom = ref(true)
// import HmHeader from './components/HmHeader.vue';
// import HmContainer from './components/HmContainer.vue';
// import HmFooter from './components/HmFooter.vue';
import dady from './components/13_父子通信中的父组件.vue'
</script>
       
<template>
    <!-- <ShowCase></ShowCase> -->
  <!-- <show-case></show-case> -->
  <!-- <ShowCase></ShowCase> -->
  <!-- <EventCase></EventCase> -->
  <!-- <BindCase></BindCase> -->
  <!-- <ForCase></ForCase> -->
  <!-- <ModelCase></ModelCase> -->
  <!-- <ComputedCase></ComputedCase> -->
      <!-- <LifeCase v-if="showCom"></LifeCase>
        <ListV2Case></ListV2Case>
  <button @click="showCom = !showCom">创建/销毁</button> -->
  <!-- <RefCase></RefCase> -->
   <!-- <NBCase></NBCase> -->
   <!-- <div class="container">
    <HmHeader></HmHeader>
    <HmContainer></HmContainer>
    <HmFooter></HmFooter>
  </div> -->
<dady></dady>
</template>
      
<style scoped>
       .container {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
</style>